<script src="../lib/masonry/masonry.pkgd.min.js"></script>
<style>
  .home-grid-item {
    float: left;
    min-width: 200px;
    /*border: 2px solid hsla(0, 0%, 0%, 0.5);*/
  }
  .home-grid-item--width2 { width: 160px; }
  .home-grid-item--height2 { height: 140px; }
</style>
<div class="js-masonry " data-masonry-options='{ "itemSelector": ".home-grid-item" ,"columnWidth": 60  } '
     style="min-height: 868px;padding: 24px">
  {{#pages}}
  {{#is_index}}
  {{#files.length}}
  <div class="home-grid-item am-panel am-panel-default shadow_gray">
    <h3 class="am-panel-title"  style="padding: 2rem;background-color: #f5f5f5">{{lang.global.mainArticles}}</h3>
    <ul class="am-list am-list-static">
      {{#files}}
      <li class="am-panel-bd"><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
      {{/files}}
    </ul>
  </div>
  {{/files.length}}
  {{/is_index}}
  {{^is_index}}
  <div class="home-grid-item am-panel am-panel-default shadow_gray" style="padding: 4px ;background-color: #f5f5f5">
    <h3 class="am-panel-title"  style="padding: 2rem">{{title}}</h3>
    <ul class="am-list am-list-static">
      {{#files}}
      {{^is_directory}}
      <li><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
      {{/is_directory}}
      {{#is_directory}}
      <li>{{title}}
        {{#files}}
        <ul>
          {{^is_directory}}
          <li><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
          {{/is_directory}}
          {{#is_directory}}
          <li>{{title}}</li>
          <ul>
            {{#files}}
            <li><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
            {{/files}}
          </ul>
          {{/is_directory}}
        </ul>
        {{/files}}
      </li>
      {{/is_directory}}
      {{/files}}
    </ul>

  </div>
  {{/is_index}}
  {{/pages}}
</div>
<!--<section class="" id="amz-main" data-tag="faq">-->
<!--<div class="home-categories row">-->
<!--{{#pages}}-->
<!--{{#is_index}}-->
<!--{{#files.length}}-->
<!--<div class="col col-sm-4 col-xs-12">-->
<!--<div class="panel panel-default {{class}}">-->
<!--<h2 class="panel-heading">{{lang.global.mainArticles}}</h2>-->
<!--<ul class="list-group pages">-->
<!--{{#files}}-->
<!--<li class="list-group-item page"><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>-->
<!--{{/files}}-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<!--{{/files.length}}-->
<!--{{/is_index}}-->
<!--{{^is_index}}-->
<!--<div class="col col-sm-4 col-xs-12">-->
<!--<div class="panel panel-default {{class}}">-->
<!--<h2 class="panel-heading">{{title}}</h2>-->
<!--<ul class="list-group pages">-->
<!--{{#files}}-->
<!--{{^is_directory}}-->
<!--<li class="list-group-item page"><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>-->
<!--{{/is_directory}}-->
<!--{{#is_directory}}-->
<!--<li class="list-group-item page">{{title}}-->
<!--{{#files}}-->
<!--<ul>-->
<!--{{^is_directory}}-->
<!--<li><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>-->
<!--{{/is_directory}}-->
<!--{{#is_directory}}-->
<!--<li>{{title}}</li>-->
<!--<ul>-->
<!--{{#files}}-->
<!--<li><a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>-->
<!--{{/files}}-->
<!--</ul>-->
<!--{{/is_directory}}-->
<!--</ul>-->
<!--{{/files}}-->
<!--</li>-->
<!--{{/is_directory}}-->
<!--{{/files}}-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<!--{{/is_index}}-->
<!--{{/pages}}-->
<!--</div>-->
<!--</section>-->


